<template>
	 <div class="footer">
    		<div class="footer_up">
			<a href="" class="footer_one">优鲜保障</a>
			<a href="" class="footer_two">全程监控</a>
			<a href="" class="footer_thr">礼拜五特惠</a>
			<a href="" class="footer_four">基地直供</a>
			<a href="" class="footer_fif">准时送达</a>
		</div>
		<div class="footer_down">
			<div class="footer_down_logo " >
				<img src="../assets/image/logo.jpg"/>			
				<span>服务时间:8:00~22:00</span>
				<span>☎️<em>400-800-8820</em></span>							
			</div>
			<div class="footer_down_wx">
				<img src="../assets/image/4.jpg"/>
				<span>礼拜五官网微信</span>
			</div>
			<div class="footer_down_wx">
				<img src="../assets/image/4.jpg"/>
				<span>礼拜五APP</span>
			</div>
			<div class="footer_down_zt ">
				<div>关于礼拜五</div>
				<p>新用户注册</p>
				<p>在线注册</p>
				<p>在线支付</p>
			</div>
			<div class="footer_down_zt ">
				<div>配送说明</div>
				<p>用户说明</p>
				<p>配送说明</p>
				<p>发票说明</p>
			</div>
			<div class="footer_down_zt ">
				<div>售后服务</div>
				<p>退换货说明</p>
				<p>售后服务承诺</p>
				<p>验货与签收</p>			
			</div>
			<div class="footer_down_zt ">
				<div>加盟礼拜五</div>
				<p>加盟条款</p>
				<p>公司简介</p>
				<p>服务协议</p>
			</div>
		</div>
    	</div>
</template>
<script>
	export default{
		name:"Footer"
	}
</script>
<style scoped>
	.footer{
		width: 1280px;
		height: 275px;
		margin: auto;			
	}
	/*底部上方*/
	.footer_up{
		width: 1180px;
		height: 100px;
		line-height: 100px;
		padding-left: 50px;
		padding-right: 50px;
		font-size: 23px;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-content: center;	
		border-top: 2px solid gainsboro; 
		border-bottom: 2px solid gainsboro; 
	}
	.footer a{
		width: 150px;
		height: 100px;
		line-height: 100px;
		padding-left: 70px;
		margin-right: 20px;
		margin-left: 10px;
		background-size:45px 45px;
		background-position:left  center;
		display: inline-block;	
		color: #000000;	
	}
	 .footer_one{	
		background: url(../assets/image/107.jpg) no-repeat;				
	}
	.footer_two{
		background: url(../assets/image/07.jpg) no-repeat;
	}
	.footer_thr{
		background: url(../assets/image/107.jpg) no-repeat;
	}
	.footer_four{
		background: url(../assets/image/11.jpg) no-repeat;
	}
	.footer_fif{
		background: url(../assets/image/13.jpg) no-repeat;
	}
	/*底部下方*/
	.footer_down{
		width: 1280px;
		height: 200px;
		border-bottom: 2px solid gainsboro; 
		overflow: hidden;
	}
	.footer_down div{
		display: inline-block;
	}
	.footer_down_logo{
		width: 380px;
		height: 200px;
		margin-left: 50px;
		margin-right: 15px;
		padding-top: 10px;
		vertical-align: 17px;
	}
	.footer_down_logo em{
		font-style: normal;
		color: red;
	}
	.footer_down_logo span{
		font-size: 18px;
		margin-right: 50px;
	}
	.footer_down_wx{
		width: 135px;
		text-align: center;
		margin-right: 15px;
		margin-top: 20px;			
	}
	.footer_down_wx img{
		vertical-align:top;
	}
	.footer_down_zt{
		width: 100px;
		vertical-align: 17px;
		margin-right: 5px;
	}
	.footer_down_zt div{
		font-size: 18px;
		font-weight: 500;
	}
	.footer_down_zt p{
		font-size: 14px;
	}
</style>